<template>
  <fs-page>
    <fs-crud ref="crudRef" v-bind="crudBinding">
      <!-- 弹窗内容 -->
<!--      <el-dialog v-model="dialogVisable" title="部分开启" width="30%">-->
<!--        <el-form :model="formData">-->
<!--          <el-form-item label="起始 ID" prop="startId">-->
<!--            <el-input v-model="formData.startId" placeholder="请输入起始 ID"/>-->
<!--          </el-form-item>-->

<!--          <el-form-item label="结束 ID" prop="endId">-->
<!--            <el-input v-model="formData.endId" placeholder="请输入结束 ID"/>-->
<!--          </el-form-item>-->
<!--        </el-form>-->

<!--        <div class="dialog-footer">-->
<!--          <el-button @click="handleClose({})">取消</el-button>-->
<!--          <el-button type="primary" @click="handleSubmit">确定</el-button>-->
<!--        </div>-->
<!--      </el-dialog>-->
    </fs-crud>


  </fs-page>
</template>

<script lang="ts" setup name="areas">
import {ref, onMounted, onActivated} from 'vue';
import {useFs} from '@fast-crud/fast-crud';
import {createCrudOptions} from './crud';


const {crudBinding, crudRef, crudExpose, context} = useFs({createCrudOptions});
const {dialogVisable, formData, handleClose, handleSubmit} = context

// 页面打开后获取列表数据
onMounted(() => {

  crudExpose.doRefresh();
});

onActivated(() => {
  crudExpose.doRefresh();
})
</script>
